Activities

<activity-list></activity-list>

let items = [{
  foreignId: 'someid',
  timestamp: '2016-09-26T06:02:17-05:00',
  badgeType: 'primary',
  badgeIconSrc: 'zmdi',
  badgeIconName: 'zmdi-account-add',
  header: null,
  showAvatar: true,
  avatarInitials: "LR",
  iconBgColor: null,
  iconSrc: null,
  icon: null,
  iconColor: null,
  body: 'Linda Ruhmén har bjudit in (Borttagen användare).'
}, {
  foreignId: 'someid',
  timestamp: '2016-09-26T06:02:17-05:00',
  badgeType: 'magenta',
  badgeIconSrc: 'fa',
  badgeIconName: 'fa-sign-out fa-rotate-270',
  header: "Ovanligt hög kostnad i september, 2016",
  showAvatar: false,
  avatarInitials: null,
  iconBgColor: null,
  iconSrc: null,
  icon: null,
  iconColor: null,
  body: '
5000, Glass- & fikakonto för personal
'
}, {
  foreignId: 'someid',
  timestamp: '2016-09-26T06:02:17-05:00',
  badgeType: 'warning',
  badgeIconSrc: 'fa',
  badgeIconName: 'fa-trophy',
  header: null,
  showAvatar: false,
  avatarInitials: null,
  iconBgColor: null,
  iconSrc: "icon-cost-success", // icon from this styleguide
  icon: '{"width": "60px", "height": "60px"}',
  iconColor: null,
  body: 'Du höll ditt mål att inte överstiga 300 000 kr i feb 2017, bra jobbat!'
}, {
  foreignId: 'someid',
  timestamp: '2016-09-26T06:02:17-05:00',
  badgeType: 'success',
  badgeIconSrc: 'zmdi',
  badgeIconName: 'zmdi-calendar-check',
  header: "Periodrapport aug, 2016",
  showAvatar: false,
  avatarInitials: null,
  iconBgColor: null,
  iconSrc: null,
  icon: null,
  iconColor: null,
  body: "
 Du har en ny periodrapport, klicka här för att visa
"
}];

// Possible values for badgeType: "primary" | "magenta" | "success" | "warning" | "danger" | "info"; 
  
var tags = riot.mount('activity-list', {
    items: items
});

// Update items:
tags[0].trigger('items:updated', newItems);